<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>What are you doing</title>
		<g:javascript library="jquery"></g:javascript>
	</head>
	
	<body id="index" style = "background: #F1F2F3" onload="return true;">
		<div id="searchBox">
			<g:form controller="searchable">
				<strong>Find People : <strong>
				<g:textField name="q"></g:textField>
			</g:form>
		</div>
		<div id="panel" style="padding-left:18%;padding-right:18%;position:absolute">
			<h1 id="What_axre_you_doing">What are you doing ?</h1>
			<div id="updateForm">
				<g:formRemote name="messageForm" update="messages" url="[action:'update']">
					<g:textArea name="message"></g:textArea> 
					<g:submitButton name="Update"></g:submitButton>
				</g:formRemote>
			</div>
			<div id="twitter">
				<g:twitterPanel />
			</div>
			<div id="messages">
				<g:render template="message" var="status" collection="${messages}"></g:render>
			</div>
		</div>
	</body>
	
</html>